<template>
    <div class="main">
        <div class="title">报考案例
            <div class="line"></div>
        </div>
        <div class="cases_items">
            <div v-for="(item,index) in resiger_item" :key="index" style="display:inline-block">
                <case-item :item="item" :index="index"></case-item>
            </div>
            
        </div>
    </div>
</template>
<script>
import CaseItem from '../../components/CaseItem.vue'
export default {
    components: {
        CaseItem
    },
    data(){
        return{
            resiger_item:[
                {
                  name:"陈同学",
                  url:  "https://s-p-internet.oss-cn-shenzhen.aliyuncs.com/1622366187738",
                  Address:'广东',
                  num:'理科 670 (2018)',
                  school:'清华大学',
                  Profession:'数学专业',
                },
                {
                  name:"陈同学",
                  url:  "https://s-p-internet.oss-cn-shenzhen.aliyuncs.com/1622366187738",
                  Address:'广东',
                  num:'理科 670 (2018)',
                  school:'清华大学',
                  Profession:'数学专业',
                },
                {
                  name:"陈同学",
                  url:  "https://s-p-internet.oss-cn-shenzhen.aliyuncs.com/1622366187738",
                  Address:'广东',
                  num:'理科 670 (2018)',
                  school:'清华大学',
                  Profession:'数学专业',
                },
                {
                  name:"陈同学",
                  url: "https://s-p-internet.oss-cn-shenzhen.aliyuncs.com/1622366187738",
                  Address:'广东',
                  num:'理科 670 (2018)',
                  school:'清华大学',
                  Profession:'数学专业',
                },
                {
                  name:"陈同学",
                  url: "https://s-p-internet.oss-cn-shenzhen.aliyuncs.com/1622366187738",
                  Address:'广东',
                  num:'理科 670 (2018)',
                  school:'清华大学',
                  Profession:'数学专业',
                },
                {
                  name:"陈同学",
                  url: "https://s-p-internet.oss-cn-shenzhen.aliyuncs.com/1622366187738",
                  Address:'广东',
                  num:'理科 670 (2018)',
                  school:'清华大学',
                  Profession:'数学专业',
                },
            ],
        }
    }
}
</script>
<style scoped>
.main{
    width: 100%;
}
.title{
    text-align: left;
    width: 100%;
    height: 62px;
    font-size: 24px;
    font-family: Noto Sans SC;
    font-weight: 700;
    text-align: left;
    color: #333333;
    margin-top: 15px;
    margin-left: 20px;
    position: relative;
}
.line{
    position: absolute;
    bottom: 0px;
    width: 1025px;
    height: 2px;
    background-color:rgba(51,170,255,.4) ;
}
.cases_items{
    width: 970px;
    margin: 0 auto;
    margin-bottom: 30px;
}
</style>